/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    screens: {
      sm: '480px',
      md: '768px',
      lg: '976px',
      xl: '1440px',
    },
    fontFamily: {
      sans: ['Graphik', 'sans-serif']
    },
    extend: {
      colors: {
        'primary': 'var(--primary)'
      },
      borderRadius: {
        '4xl': '2rem',
      }
    },
  },
}

